// 组件中使用的方式：
// import Message from './xtx-message.vue'
// Message({type:'warn',message:'提示信息'})

// createVNode 创建节点
// createVNode/h(
// {String | Object | Function} tag
// 一个 HTML 标签名、一个组件、一个异步组件、或
// 一个函数式组件。
//
// 必需的。
// 'div',

// {Object} props
// 与 attribute、prop 和事件相对应的对象。
// 我们会在模板中使用。
//
// 可选的。
// {},

// {String | Array | Object} children
// 子 VNodes, 使用 `h()` 构建,
// 或使用字符串获取 "文本 Vnode" 或者
// 有插槽的对象。
//
// 可选的。
// render 渲染节点
import { createVNode, render } from 'vue'
import XtxMessage from '@/components/library/xtx-message.vue'

const VNode = createVNode('div', { class: 'xtx-message-box' })
render(VNode, document.body)

let timer

export default ({ type, message }) => {
  const VNode2 = createVNode(XtxMessage, { type, message })
  render(VNode2, VNode.el)
  clearTimeout(timer)

  timer = setTimeout(() => {
    render(null, VNode.el)
  }, 2000)
}
